<a name="CommonPlugin">
<!--CommonPluginBegin><XML><name>html网页公共</name><type>22</type><id>4</id></XML><XSL><xsl:template match="TMPL"></xsl></XSL><CommonPluginEnd-->
</a>
<body>
<script type="text/javascript" src="../js/jquery-mini.js"></script>
<div class="top">
<a name="CommonPlugin">
<!--CommonPluginBegin><XML><name>html网页公共</name><type>22</type><id>5</id></XML><XSL><xsl:template match="TMPL"></xsl></XSL><CommonPluginEnd-->
</a>
<link href="../css/move.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="../css/layout.css" />
<link rel="stylesheet" media="screen" type="text/css" href="../css/zoomimage.css" />
<script type="text/javascript" src="../js/jquery-1.3.2.min.codefans.net.js"></script>
<SCRIPT src="../js/base.js" type="text/javascript"></SCRIPT>
<SCRIPT src="../js/lib.js" type="text/javascript"></SCRIPT>
<SCRIPT src="../js/163css.js" type="text/javascript"></SCRIPT>
<!--<script src="../js/jquery.imageLens.js" type="text/javascript"></script>-->
<!--<script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>-->
<!--放大镜js-->
<!--<script type="text/javascript" src="../js/jqzoom.js"></script>-->
<!--菜单栏小图滚动-->
<script type="text/javascript">
/*
        $(function () {
		//同级产品
            Num = 0;
            _Width = 60;
            Page = 2;
            CurrentNum = 0;
            Pages = $(".ImgList .Img").size();
            //默认图片状态
            //LoadAjaxData($(".ImgList .Img img").eq(0).attr("rel"));
            $(".ImgList .Img").eq(0).addClass("cur");
            //点击切换大图片
            $(".ImgList .Img").each(function (i) {
                $(this).click(function () {
                    $(".ImgList .Img").removeClass("cur");
                    $(this).addClass("cur");
                    //LoadAjaxData($(".ImgList .Img img").eq(i).attr("rel"));
                    CurrentNum = i;
                    ChageBig(CurrentNum);
                });
            });
            //缩略图左右按钮点击切换
            $(".SmallCont .LeftBtn").click(function () {
                if (Num > 0) {
                    Num--;
                    $(".ImgList").animate({ left: "-" + Num * _Width + "px" }, 300);
                    ChageButton(Num);
                }
            });
            $(".SmallCont .RightBtn").click(function () {
                if (Num < Pages - Page) {
                    Num++;
                    $(".ImgList").animate({ left: "-" + Num * _Width + "px" }, 300);
                    ChageButton(Num);
                }
            });
            if (Pages <= Page) {
                $(".SmallCont .RightBtn img").attr("src", "../images/cp_xxr.jpg");
            }
            //
            function LoadAjaxData(_ImgUrl) {
                $.ajax({
                    "type": "get",
                    "url": "loadimg.aspx?ImgUrl=" + _ImgUrl + "&" + Math.random(),
                    "beforeSend": function () {
                        $(".HuanDeng").html("<div class='Loading'></div>");
                    },
                    "success": function (data) {
                        $(".HuanDeng").html(data);
                    },
                    error: function () { }
                })
            }
            //左右小按钮的状态
            function ChageButton(Num) {
                if (Num <= 0) {
                    $(".SmallCont .LeftBtn img").attr("src", "../images/cp_xxr.jpg");
                } else {
                    $(".SmallCont .LeftBtn img").attr("src", "../images/cp_xxr.jpg");
                }
                if (Num >= Pages - Page) {
                    $(".SmallCont .RightBtn img").attr("src", "../images/cp_xxl.jpg");
                } else {
                    $(".SmallCont .RightBtn img").attr("src", "../images/cp_xxl.jpg");
                }
            }
        });*/
</script>
<script  type="text/javascript">
	$(function(){
	var j=$("#imgList img").size();
	if(j>0){
		$(".small img").attr("src",$("#imgList img").eq(0).attr("src"));
			
		$(".zoom-small-image img").attr("src",$("#imgList img").eq(0).attr("src"));
		$(".zoom-small-image a").attr("href",$("#imgList img").eq(0).attr("imgsrc"));
			
		$(".big img").attr("src",$("#imgList img").eq(0).attr("src"));
		$(".pro_zz img").attr("src",$("#imgList img").eq(0).attr("src"));
			for(var i =0 ;i<j;i++)
			{
			 $("#ImgShow").append("<a href='#'><img src='"+ $("#imgList img").eq(i).attr("src")+"' width='33' height='34' class='xz1' /></a>");
			}
		}
	
		
		});
</script>
<!--点击我喜欢 +1-->
<script>
function btnLike(id) {
	   //  alert(id);
            $.ajax({
                type: 'post',
                url: "/IHandler/UpdateLookCounts.ashx?id="+id,
                dataType: "",
                data: { },
                cache: false,
                success: function (msg) {	
					$("#Like").text(msg);
                }
            });
        }

</script>
<SCRIPT src="../js/custom/common.js" type="text/javascript"></SCRIPT>
<SCRIPT src="../js/custom/kxbdSuperMarquee.js" type="text/javascript"></SCRIPT>
<SCRIPT src="../js/custom/cloud-zoom.1.0.2.min.js" type="text/javascript"></SCRIPT>
<SCRIPT src="../js/custom/custom.js" type="text/javascript"></SCRIPT>
<style type="text/css">
*{ margin:0px; padding:0px;}

.box{
	width:302px;
	height:403px;
	margin-top:10px;
	margin-left:20px;
	
}

.box .small{
	position:relative;
	text-align:center;
	}

.box .small .mark{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:180px;
	height:240px;
	background:#FFFFFF;
	filter:alpha(opacity:50); 
	opacity:0.3;
	border:1px solid #333;
	display:none;
	}

.box .big{
	position:absolute;
	left:330px;
	top:0;
	display:none;
	}
	
.boxbig{
	position:absolute;
	left:328px;
	top:10px;;
	width:300px;
	height:400px;
	overflow:hidden;
	}


</style>
<div class="ff">
    <div class="flash">
         <div class="pro_ff">
             <div class="pro_mb wrapper">
                 <div class="pro_le">
                    <div class="pro_le_bt"><a name="Plugin">
<!--PluginBegin><XML><name>文章字段</name><type>4</type></XML><XSL><xsl:template match="TMPL/Article"><xsl:value-of select="chvTitle" disable-output-escaping="yes"/></xsl:template></XSL><PluginEnd-->
</a></div>
                    <div class="pro_le_mx">
                        <div class="cpmxbt"><span>产品明细</span></div>
                        <ul>
                       
                          <a name="Plugin">
<!--PluginBegin><XML><name>文章字段</name><type>4</type></XML><XSL><xsl:template match="TMPL/Article"><xsl:value-of select="txtContent" disable-output-escaping="yes"/></xsl:template></XSL><PluginEnd-->
</a>
                          
                        </ul>
                    </div>
                 </div>
                
                <div id="div1" >
                 <div class="pro_zz">
                 	<div id="zoomboxparent" >
					  
                      </div>
                      <a href="#"> <div class="fangda" id="fangda" >鼠标移上缩放</div></a>
                 </div>
                 <div class="pro_rh">
                    <a style=" cursor:pointer" href="Javascript:;" onClick="btnLike(<a name="Plugin">
<!--PluginBegin><XML><name>文章字段</name><type>4</type></XML><XSL><xsl:template match="TMPL/Article"><xsl:value-of select="intSecArtID" disable-output-escaping="yes"/></xsl:template></XSL><PluginEnd-->
</a>)">  <div class="pro_rh_top" title="我喜欢" id="Like"><a name="Plugin">
<!--PluginBegin><XML><name>文章字段</name><type>4</type></XML><XSL><xsl:template match="TMPL/Article"><xsl:value-of select="intAccessCount" disable-output-escaping="yes"/></xsl:template></XSL><PluginEnd-->
</a></div></a>
<div class="cpxzbt"><span>当前产品详情展示</span></div>
                      <div class="cpxz">
                      <div class="SmallCont">
       <div class="SmallBtn LeftBtn">
            <a href="javascript:void(0);" id="currentprev"><img src="../images/cp_xxr.jpg" /></a></div>
        <div class="SmallBtn RightBtn">
            <a href="javascript:void(0);" id="currentnext"><img src="../images/cp_xxl.jpg" /></a></div>
        <div class="SmallImg"  id="currentpro">
            <ul class="oneproimgList">
                                          
            </ul>
        </div>
    </div>
                      </div>
                
                      <div class="cpxzbt" style="margin-top:0px;"><span>此类型商品有<font id="procount"></font>种供选择</span></div>
                      <div class="cpxz">
                      <div class="SmallCont">
        <div class="SmallBtn LeftBtn">
            <a href="javascript:void(0);" id="prev"><img src="../images/cp_xxr.jpg" /></a></div>
        <div class="SmallBtn RightBtn">
            <a href="javascript:void(0);" id="next"><img src="../images/cp_xxl.jpg" /></a></div>
        <div class="SmallImg"  id="otherpro">
            <ul class="ImgList" >
                                         <a name="Plugin">
<!--PluginBegin><XML><name>文章所在栏目的文章列表</name><type>21</type></XML><XSL><xsl:template match="TMPL"><xsl:for-each select="Article">
         <li class="Img">
<div class="divloading"><img class="imgloading" src="../images/loading/loading.gif"  /></div>
         <a href="{chvFullURL}"  class="proimga"><img class="xz proimg" src="" imgsrc="{chvMainMiniPic}" title="{chvTitle}" width="53" height="65" /></a></li>
 </xsl:for-each></xsl:template></XSL><PluginEnd-->
</a> 
            </ul>
        </div>
    </div>
                      </div>
                 </div>
				 </div>
				 
				 <div id="oneproimgcontent" style="display:none">
				 <img src="<a name="Plugin">
<!--PluginBegin><XML><name>文章字段</name><type>4</type></XML><XSL><xsl:template match="TMPL/Article"><xsl:value-of select="chvMainPic" disable-output-escaping="yes"/></xsl:template></XSL><PluginEnd-->
</a>" />
				 	<a name="Plugin">
<!--PluginBegin><XML><name>文章字段</name><type>4</type></XML><XSL><xsl:template match="TMPL/Article"><xsl:value-of select="chvSummary" disable-output-escaping="yes"/></xsl:template></XSL><PluginEnd-->
</a>
				 </div>
             </div>
         </div>    
    </div>
</div>

<a name="CommonPlugin">
<!--CommonPluginBegin><XML><name>html网页公共</name><type>22</type><id>6</id></XML><XSL><xsl:template match="TMPL"></xsl></XSL><CommonPluginEnd-->
</a>


